@CHARSET "UTF-8";
body {
	margin: 0;
	padding: 0;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: inherit;
	color: #777777;
	font-size: 12px;
}

th,li,div,td,input,select {
	font-size: 12px;
}

img {
	border: 0px;
}

ul,li,form {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

a{
	font-size: 12px;
	outline:0;
	blr:expression(this.onFocus=this.blur());
}
a:link {
	color: #777777;
	text-decoration:none;
	outline: none;
}
a:visited {
	color: #777777;
	text-decoration:none;
	outline: none;
}
a:hover {
	color:#FF9900;
	text-decoration:none;
	outline: none;
}

.hide {
	display: none;
}
.show{display: block;}

.textOverflow {
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	table-layout: fixed;
	overflow: hidden;
}

/* framework */
.gPage {
	background-color: #FFF;
	min-width: 690px;
	overflow: hidden;
}

.top {
	height: 41px;
	background: url(../images/main/topbg.gif) repeat -0px -0px;
	height: 70px;
}

.left {
	width: 190px;
	vertical-align: top;
}

.gMain {
	width: 100%;
	height: 41px;
	border: 0;
	font-size: 12px;
}

/* top */
.gLogo {
	position: absolute;
	left: 3px;
	top: 10px;
}

.gLogo img {
	width: 179px;
	height: 43px;
}

.tLnk {
	position: absolute;
	right: 20px;;
	top: 40px;
	height: 24px;
	z-index: 50;
	line-height: 24px;
}

.tooltab {
	position: absolute;
	left: 0px;
	top: 34px;
	height: 30px;
	overflow: hidden;
}

.mailTitle {
	table-layout: fixed;
	overflow: hidden;
	width: 100%;
	border: 0px;
	cellspacing: 0px;
	cellpadding: 0px;
}

#divTab div {
	float: left;
	font-size: 12px;
	cursor: pointer;
}

#divTab div ul li {
	float: left;
	height: 28px;
	text-align: left;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.Selected #divTab01 {
	background: url(../images/main/gtbg02.gif) no-repeat;
	width: 5px;
}

.Selected #divTab02 {
	background: url(../images/main/gtbg01.gif) repeat-x;
	padding: 6px 0px 0px 3px;
}

.Selected #divTab03 {
	background: url(../images/main/gtbg01.gif) repeat-x;
	padding: 6px 0px 0px 3px;
	_padding: 8px 0px 0px 3px;
}

.Selected #divTab04 {
	background: url(../images/main/gtbg03.gif) no-repeat;
	width: 5px;
}

.notSelected #divTab01 {
	background: url(../images/main/gtbg04.gif) no-repeat;
	width: 5px;
}

.notSelected #divTab02 {
	background: url(../images/main/gtbg05.gif) repeat-x;
	padding: 6px 3px 0px 3px;
}

.notSelected #divTab03 {
	background: url(../images/main/gtbg05.gif) repeat-x;
	padding: 6px 3px 0px 3px;
}

.notSelected #divTab04 {
	background: url(../images/main/gtbg06.gif) no-repeat;
	width: 5px;
}

.Selected .gTabfont {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
	
.notSelected .gTabfont {
	color: #777777;
	text-decoration: none;
	font-weight: bold;
}

.tabclose {
	position: relative;
	top: 2px;
}

.menuTopbutton {
	width: 190px;
	height: 38px;
	overflow: hidden;
	background: url(../images/main/sxbg.gif);
}

.menuTopbutton ul li {
	float: left;
}

.menuTopbuttonbg {
	width: 190px;
	text-align: center;
	overflow: hidden;
	padding-top: 12px;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	color:#ffffff;
}

.FoldersList {
	width: 190px;
	background: url(../images/main/filesbg.gif) repeat-x;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	text-indent: 10px;
}

.FoldersList span {
	line-height: 30px;
	height: 30px;
	color:#fff;
	font-weight:bold;
}

.ulFloat{
	float:none; 
	float:left/9;
	*float:left;
	_float:left;
}

.ulFloat div ul{
	float:none; 
	float:left/9;
	*float:left;
	_float:left;
}

.ulSysFolders{
	margin-top:5px;
}

.ulSysFolders li {
	width: 200px;
	line-height: 30px;
	height: 30px;
}

.on {
	background: url(../images/main/wjjbg.gif) no-repeat -0px -0px;
}

.sysFolderClass {
	width: 200px;
	cursor: pointer;
	text-indent: 30px;
}
.sysFolderClass a:hover{
	color:#777;
}

.sysFolderClass span {
	width: 190px;
}

.line {
	width: 1px;
	background-color: #1576BA;
}

#FoldersImg01 {
	position: relative;
	left: 10px;
	padding-top: 2px;
	_padding-top: 3px;
	text-indent: 20px;
	_text-indent: 12px;
}

#FoldersImg02 {
	position: relative;
	left: 10px;
	padding-top: 2px;
	_padding-top: 3px;
	text-indent: 20px;
	_text-indent: 25px;
}

#Folders {
	width: 190px;
}
#Folders ul{ 
	margin-bottom:5px;
}

/* bottom */
.bottomdiv {
	border-top: 1px solid #1576BA;
	line-height: 18px;
	bgcolor: #F5FDF0;
	margin: 0;
	padding: 0;
}

.datagrid-mask-msg{
	position:absolute;
	top:50%;
	margin-top:-20px;
	width:auto;
	height:16px;
	padding:12px 5px 10px 30px;
	background:#fff url('../images/pagination_loading.gif') no-repeat scroll 5px 10px;
	border:2px solid #1576BA;
	color:#222;
	display:none;
}

.bottomlu {float: left;width: 100%;margin: 0;padding: 0;background: #F5FDF0;}
.bottomlileft {white-space: nowrap;overflow: hidden;float: left;padding-left: 10px;}
.bottomliright {white-space: nowrap;overflow: hidden;float: right;padding-right: 10px;}

.tukiprogressbar{width: 300px; padding: 15px; border: none;}
#tukiprogressbar{background: #ddd url(/images/tuki/box/loading_bar.gif) bottom left repeat-x; height: 24px; position: relative; overflow: hidden;}
#tukiprogressbar div{background: url(/images/tuki/box/loading_bar.gif) top right repeat-x; display: block; height: 24px; position: absolute;}
#tukiprogressbar span{position: absolute; left: 0; line-height: 24px; padding: 0 0 0 10px; font-family: Tahoma;}
#tukiprogressbar strong{position: absolute; right: 0; line-height: 24px; padding: 0 10px 0 0; font-family: Tahoma;}

#content {border: 1px solid #EEEEEE;overflow:hidden;float: left;height: 230px;margin: 24px 3px 3px 3px;padding: 5px;position: relative;width: 485px;}
.page_tab {float: left;height: 25px;margin: 0 0 -1px;position: absolute;left: 15px;z-index:999;}
.page_tab ul {list-style: none outside none;float: left;height: 25px;}

.page_tab li a:hover {background-position: 0 -150px;}
.page_tab li a:hover span {background-position: right -200px;}
.page_tab li a:hover span span {background-position: 0 -175px;color: #FFFFFF;}

.page_tab li {float: left;height: 25px;margin: 0 0 0 5px;}
.page_tab li a {color: #1D76CF;text-decoration: none;background: url("images/page_tab.gif") no-repeat scroll 0 0 transparent;cursor: pointer;display: block;float: left;height: 25px;padding: 0 0 0 5px;}
.page_tab li a span {background: url("images/page_tab.gif") no-repeat scroll right -50px transparent;display: block;float: left;height: 25px;padding: 0 5px 0 0;}
.page_tab li a span span {background-position: 0 -25px;background-repeat: repeat-x;color: #999999;line-height: 26px;overflow: hidden;padding: 0 8px;}

.page_tab li a.current {color: #1D76CF;text-decoration: none;background-position:0 -75px;}
.page_tab li a.current span {color: #1D76CF;text-decoration: none;background-position: right -125px;}
.page_tab li a.current span span {background-position: 0 -100px;color: #555555;line-height: 27px;}

#tup_wrapper {width:100%;height:100%;overflow:hidden;float:left;}
#tup_wrapper .tup_list {width:287px;height:202px;overflow-y:scroll;overflow-x:hidden;float: left;}
#tup_wrapper .tup_list ul {float: left;}
#tup_wrapper .tup_list ul li {float: left;margin: 3px;border: 1px solid #EEEEEE;}
#tup_wrapper .tup_list ul li img {width:80px;height:80px;cursor: pointer;}
#tup_wrapper .tup_show {margin-top:-22px;width:195px;height:220px;overflow:hidden;float: left;}
#tup_wrapper .tup_show img {margin-left:10px;min-width:80px;max-width:200px;min-height:80px;max-height:200px;border: 1px solid #EEEEEE;}
#tup_wrapper .tup_folder {margin:5px;}

#diz_wrapper {width:100%;height:100%;overflow:hidden;float: left;}
#diz_wrapper .tup_list {border: 1px solid #EEEEEE;width:260px;height:100%;overflow:hidden;float: left;}
#diz_wrapper .tup_show {width:220px;;height:228px;overflow:hidden;float: left;}
#diz_wrapper .tup_show img {margin-left:10px;min-width:80px;max-width:220px;max-height:228px;min-height:80px;border: 1px solid #EEEEEE;}
